<template id="addNew">
    <div class="addNew_all">
        <!--新增收货地址-->
        <div class="addNew_center">
            <div class="addNew_p_center" >
                <p @click="get_re()"><img src="../image/blue_da.png" alt="">新增地址</p>
                <p><span>收货人</span><input type="text" placeholder="填写收货人"></p>
                <p><span>收货人手机</span><input type="text" placeholder="填写手机号"></p>
                <p><span>所在地区</span ><span id="sel_city"></span><img src="../image/day.jpg" alt="" id="img_te"></p>
                <p><span>详情地址</span><input type="text" placeholder="详情地址"></p>
                <p>
                    <span class="addNew_s_l_center">类型<span>(选填)</span></span>
                    <span class="addNew_s_l1_center">
                           <span id="addNew_span_3_center"><time></time>家</span>
                           <span id="addNew_span_4_center"><time></time>公司</span>
                           </span>
                </p>
            </div>
            <div class="addNew_a_click_center" id="addNew_a_click_center">
                <button>保存并使用</button>
            </div>

        </div>
    </div>
</template>

<script>
    export default {
        name: 'addNew',
        data() {
            return {

            }
        },

        mounted: function () {

        },
        methods: {
            get_re:function(){
                window.history.go(-1);
            },
        }
    }
</script>
<style>
    .addNew_all{

        width:100%;
        height:100%;
    }
    /*..00*/
    #addNew_span_3_center{
        margin-right:0.5rem;
    }
    #addNew_span_4_center time{
        left:0.35rem;
    }
    .addNew_center{
        height:6rem;
        width:100%;
    }
    #addNew_a_click_center{
        width:100%;
        background: #ffffff;
    }
    .addNew_a_click_center button{
        display:block;
        height:0.84rem;
        width:5.71rem;
        background:#2eaffc;
        color:#ffffff;
        line-height:0.84rem;
        text-align:center;
        outline: none;
        border:0;
        margin:2rem 0.35rem 0 0.35rem;
        font-size:0.3rem;
    }
    .addNew_p_center{
        height:3.6rem;
        width:100%;
    }
    .addNew_p_center p:nth-of-type(6){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
    }
    .addNew_p_center p:nth-of-type(6) .addNew_s_l_center{
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        font-size:0.22rem;
        text-indent: 0.3rem;
    }
    .addNew_p_center p:nth-of-type(6) .addNew_s_l1_center{
        display:block;
        height:0.8rem;
        width:4.07rem;
        font-size:0.2rem;
        line-height:0.8rem;
        position:relative;
        margin-left:0.5rem;
    }
    .addNew_p_center p:nth-of-type(6) .addNew_s_l1_center time:nth-of-type(1){
        position:absolute;
        left:-0.5rem;
        top:0.28rem;
    }
    .addNew_p_center p:nth-of-type(6) .addNew_s_l1_center time{
        display:block;
        height:0.25rem;
        width:0.25rem;
        border-radius:50%;
        border:1px solid #d2d1cf;
    }
    .addNew_p_center p:nth-of-type(6) .addNew_s_l_center span{
        font-size:0.17rem;
        color:#939393;
    }
    .addNew_p_center p{
        border-bottom:1px solid #f0f0f0;
    }
    .addNew_p_center p:nth-of-type(1){
        height:0.8rem;
        width:100%;
        line-height:0.8rem;
        /*text-align:center;*/
        text-indent: 2.5rem;
        color:#2eaffc;
        font-size:0.28rem;
        position:relative;
    }
    .addNew_p_center p:nth-of-type(1) img{
        position:absolute;
        top: 0.2rem;
        left:0.2rem;
        height:0.36rem;
        width:0.36rem;
    }
    .addNew_p_center p:nth-of-type(2){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
    }
    .addNew_p_center p:nth-of-type(2) span{
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        font-size:0.22rem;
        text-indent: 0.3rem;
    }
    .addNew_p_center p:nth-of-type(2) input{
        display:block;
        height:0.8rem;
        width:4.07rem;
        border:0;
        outline:none;
        font-size:0.2rem;
    }
    .addNew_p_center p:nth-of-type(3){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
        overflow: hidden;
    }
    .addNew_p_center p:nth-of-type(3) span{
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        text-indent: 0.3rem;
        font-size:0.22rem;
    }
    .addNew_p_center p:nth-of-type(3) input{
        display:block;
        height:0.8rem;
        width:4.07rem;
        border:0;
        outline:none;
        font-size:0.2rem;
    }
    .addNew_p_center p:nth-of-type(4){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
        position:relative;
    }
    .addNew_p_center p:nth-of-type(4) span:nth-of-type(1){
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        font-size:0.22rem;
        text-indent: 0.3rem;
    }
    .addNew_p_center p:nth-of-type(4) span:nth-of-type(2){
        display:block;
        height:0.8rem;
        width:4.07rem;
        line-height:0.8rem;
        font-size:0.18rem;
    }
    .addNew_p_center p:nth-of-type(4) img{
        display:block;
        position:absolute;
        height:0.37rem;
        width:0.3rem;
        right:0.3rem;
        top:0.17rem;
    }
    .addNew_p_center p:nth-of-type(5){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
        overflow:hidden;
    }
    .addNew_p_center p:nth-of-type(5) span:nth-of-type(1){
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        font-size:0.22rem;
        text-indent: 0.3rem;
    }
    .addNew_p_center p:nth-of-type(5) input{
        display:block;
        height:0.8rem;
        width:4.07rem;
        line-height:0.6rem;
        border: 0;
        outline: none;
        font-size:0.2rem;
        overflow: hidden; /*!*自动隐藏文字*!*/
        text-overflow: ellipsis;/*!*文字隐藏后添加省略号*!*/
        white-space: nowrap;
    }
    /*999999*/

</style>